<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" />
	<link rel="stylesheet" href="moban/css/index.css" th:href="@{/user/moban/css/index.css}" tppabs="http://47.106.68.49:8066/moban/css/index.css" />
	<link rel="stylesheet" href="moban/css/swiper3.07.min.css" th:href="@{/user/moban/css/swiper3.07.min.css}"  tppabs="http://47.106.68.49:8066/moban/css/swiper3.07.min.css" />
	<script src="moban/js/jquery-1.11.2.min.js" th:src="@{/user/moban/js/jquery-1.11.2.min.js}" tppabs="http://47.106.68.49:8066/moban/js/jquery-1.11.2.min.js"></script>
	<script src="moban/js/main.js" th:src="@{/user/moban/js/main.js}" tppabs="http://47.106.68.49:8066/moban/js/main.js"></script>
	<script src="moban/js/koala.min.1.5.js" th:src="@{/user/moban/js/koala.min.1.5.js}" tppabs="http://47.106.68.49:8066/moban/js/koala.min.1.5.js"></script>
	<style>
		.swiper-container {
			width: 1100px;
			height: 300px;
			margin: 0 auto;
		}
	</style>
	<title>首页</title>
</head>
<body>
<div>
<div class="top" id="item4">
	<div th:if="${user} ne null">
		<div class="container clearfix">
			<ul class="clearfix fr">
				<li>
					<a id="userN"><b th:text="${user.name}"></b></a></li>
				<li>
					<a th:href="@{/user/logout}">退出登录</a>
				</li>
				<li><a style="border: none" th:href="@{/order/findAll}">个人中心</a></li>
			</ul>
		</div>
	</div>
	<div th:if="${user} eq null">
		<div class="container clearfix">
			<ul class="clearfix fr">
				<li><a href="/user/join.html" tppabs="http://47.106.68.49:8066/join">登录</a></li>
			</ul>
		</div>
	</div>

</div>

<div class="header">
	<div class="container clearfix">
		<div class="logo fl">
			<a href="/user/index" tppabs="http://47.106.68.49:8066/index">
				<img alt="" src="/user/moban/images/logo.jpg" tppabs="http://47.106.68.49:8066/moban/images/logoo.png" /></a>
		</div>
		<div class="mm fr clearfix">
			<a href="/park/find" tppabs="http://47.106.68.49:8066/car/car-select">查车位</a>
		</div>
	</div>
</div>
</div>

<div class="banner container">
	<div class="clearfix">
		<div class="about fl">
			<img alt="" src="/user/moban/images/timg.jpg" th:src="@{/user/moban/images/timg.jpg}" tppabs="http://47.106.68.49:8066/moban/images/timg.jpg" width="288px" />
		</div>
		<div class="focus fl" id="fsD1">
			<div class="fPic" id="D1pic1">
				<div class="fcon">
					<a><img src="/user/moban/images/lun1.jpg" th:src="@{/user/moban/images/lun1.jpg}" tppabs="http://47.106.68.49:8066/moban/images/lun1.jpg" /></a>
					<span class="shadow"><a></a></span>
				</div>
				<div class="fcon">
					<a><img src="/user/moban/images/lun2.jpg" th:src="@{/user/moban/images/lun2.jpg}" tppabs="http://47.106.68.49:8066/moban/images/lun2.jpg" /></a>
					<span class="shadow"><a>抢车位</a></span>
				</div>
				<div class="fcon">
					<a><img src="/user/moban/images/lun3.jpg" th:src="@{/user/moban/images/lun3.jpg}" tppabs="http://47.106.68.49:8066/moban/images/lun3.jpg" /></a>
					<span class="shadow"><a>抢车位</a></span>
				</div>
				<div class="fcon">
					<a><img src="/user/moban/images/lun4.jpg" th:src="@{/user/moban/images/lun4.jpg}" tppabs="http://47.106.68.49:8066/moban/images/lun4.jpg" /></a>
					<span class="shadow"><a>抢车位</a></span>
				</div>
				<div class="fcon">
					<a><img src="/user/moban/images/lun5.jpg" th:src="@{/user/moban/images/lun5.jpg}" tppabs="http://47.106.68.49:8066/moban/images/lun5.jpg" /></a>
					<span class="shadow"><a>抢车位</a></span>
				</div>
			</div>

			<div class="fbg">
				<div class="D1fBt" id="D1fBt">
					<a class="current" href="javascript:void(0)"><i>1</i></a>
					<a href="javascript:void(0)"><i>2</i></a>
					<a href="javascript:void(0)"><i>3</i></a>
					<a href="javascript:void(0)"><i>4</i></a>
					<a href="javascript:void(0)"><i>5</i></a>
				</div>
			</div>
		</div>
		<div class="help fr">
			<h2>最新公告</h2>
			<ul>
				<li th:each="notice:${noticeList}">
				<a th:href="'/notice/preview?id='+${notice.id}" tppabs="http://47.106.68.49:8066/notice/notice-detail?id=13">
					<span th:text="${notice.title}">嘻嘻</span>
				<span style="float: right;margin-right: 3%" th:text="${#dates.format(notice.createdate, 'MM-dd')}">09-03</span>
				</a></li>
			</ul>
		</div>
	</div>
	<br />
<img alt="" src="/user/moban/images/img00.png" th:src="@{/user/moban/images/img00.png}" tppabs="http://47.106.68.49:8066/moban/images/img00.png" style="width: 1200px;height: auto;" /><br />
</div>
<div class="foot" style="background-color: #ebebeb">
	<div class="container">
		<div class="zhinan">
			<ul class="clearfix">
				<li class="item-li">关于我们
					<ul>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">网站公告</a></li>
					</ul>
				</li>
				<li class="item-li">新手指南
					<ul>
						<li><a href="#">如何买票</a></li>
						<li><a href="#">修改密码</a></li>
					</ul>
				</li>
				<li class="item-li">配送方式
					<ul>
						<li><a href="#">配送范围</a></li>
						<li><a href="#">配送时间</a></li>
					</ul>
				</li>
				<li class="item-li">售后服务
					<ul>
						<li><a href="#">退票申请</a></li>
						<li><a href="#">改签申请</a></li>
					</ul>
				</li>
			</ul>
		</div>
		<div class="line"></div>

		<div class="bottom">
			<p>友情链接：<a href="#"></a>&nbsp;&nbsp;<a href="javascript:if(confirm('http://47.106.68.49:8066/www.baidu.com  \n\nThis file was not retrieved by Teleport Pro, because the server reports that this file cannot be found.  \n\nDo you want to open it from the server?'))window.location='http://47.106.68.49:8066/www.baidu.com'" tppabs="http://47.106.68.49:8066/www.baidu.com">百度</a></p>
			<p>本站所有信息均为用户自由发布，本站不对信息的真实性负任何责任，交易时请注意识别信息的真假如有网站内容侵害了您的权益请联系我们删除</p>
			<p>Copyright &copy;1956-2018 基于H5得汽车订票系统.</p></div>
		</div>
	</div>
<script type="text/javascript">
	Qfast.add('widgets', { path: "/user/moban/js/terminator2.2.min.js"/*tpa=http://47.106.68.49:8066/moban/js/terminator2.2.min.js*/, type: "js", requires: ['fx'] });
	Qfast(false, 'widgets', function () {
		K.tabs({
			id: 'fsD1',   //焦点图包裹id
			conId: "D1pic1",  //** 大图域包裹id
			tabId:"D1fBt",
			tabTn:"a",
			conCn: '.fcon', //** 大图域配置class
			auto: 1,   //自动播放 1或0
			effect: 'fade',   //效果配置
			eType: 'click', //** 鼠标事件
			pageBt:true,//是否有按钮切换页码
			bns: ['.prev', '.next'],//** 前后按钮配置class
			interval: 3000  //** 停顿时间
		})
	})
</script>

</body></html>